<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    
    </h:head>
    <h:body>
         <div id="col-top"></div>
         <div id="col" >
        <h:outputText value="Codigo Cliente"     />
        
        <p:autoComplete  id="find" value="#{beancontroler_.autocompletenombres}" style="margin-left: 1%;width: 300px" converter="player"  disabled="#{beancontroler_.siregis}"  var="p" itemLabel="#{p.nombres}"  itemValue="#{p}" completeMethod="#{beancontroler_.completelist}" />
        <p:commandButton id="find2"  disabled="#{beancontroler_.siregis}" action="#{beancontroler_.buscarclienteparacita()}" update="nombrecli,find" style="margin-left: 1%" value="Buscar"/>
        <p:commandLink id="re" update="re,find,find2,nombrecli" style="margin-left: 30%"  action="#{beancontroler_.registadonoregistado()}"  value="#{beancontroler_.regisnoregis}"/>
        
       
       
        
        <br/><br/>
       
        
        <h:outputText value="Nombre Cliente"/>
        <p:inputText  disabled="#{beancontroler_.nosiregis}" id="nombrecli" value="#{beancontroler_.vi_nombrecliente}" style="margin-left: 1%;width: 500px"/>
        <p:commandLink rendered="false" style="margin-left: 6.5%" value="No Se Presento"/>
         <br/><br/>
         <h:outputText  value="Servicio"/>
             <p:selectOneMenu id="servi" value="#{beancontroler_.selectservicioagendacombo}" style="margin-left: 5%;width: 200px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar Servicio]" itemValue="0"/>
                <f:selectItems value="#{beancontroler_.serviciosclientesagenda}"/>
          </p:selectOneMenu> <p:commandLink style="margin-left: 1%;color: blue" update="basic,servi" action="#{beancontroler_.agregarlistaagenda()}" value="Agregar Servicio"/><p:commandLink update="basic" style="margin-left: 2%;color: blue"  action="#{beancontroler_.eliminarservicioagenda()}" value="Eliminar Servicio"/><br/><br/>
         
          
          <p:selectOneListbox value="#{beancontroler_.selectedlistaseragenda}" style="width: 300px;margin-left:10%" id="basic" >  
              <f:selectItems var="cl" itemLabel="#{cl.servicio}" itemValue="#{cl.id}" value="#{beancontroler_.listaseragenda}"/>
           </p:selectOneListbox> <br/>
            
               
         <h:outputText value="Observaciones Generales"/><br/>
         <h:outputText style="margin-left:30%;position: absolute"  value="Fecha Cita"/><br/>
         <p:calendar value="#{beancontroler_.fechayhoracita}" mindate="#{beancontroler_.limitdate}"  id="popupButtonCall" pattern="dd/MM/yyyy"  style="margin-left:30%;position: absolute" showOn="button"  >
             <p:ajax event="dateSelect" listener="#{beancontroler_.handleDateSelectfechacita}" update="growl" />  
         </p:calendar> 
         
         <h:outputText style="margin-left:28%;position: absolute;margin-top: 3% " value="De"/>
         <p:calendar value="#{beancontroler_.horainiciocita}"  id="popuphm" pattern="hh:mm a"  style="margin-left:30%;position: absolute;margin-top: 3%" timeOnly="true" >
         <p:ajax event="dateSelect" listener="#{beancontroler_.handleDateSelecthoraini}" update="growl" />  
         </p:calendar>
         <h:outputText style="margin-left:42%;position: absolute;margin-top: 3% " value="A"/>
         <p:calendar value="#{beancontroler_.horafincita}"  id="popuphmfin" pattern="hh:mm a"  style="margin-left:44%;position: absolute;margin-top: 3%" timeOnly="true" >
         <p:ajax event="dateSelect" listener="#{beancontroler_.handleDateSelecthorafin}" update="growl" />  
         </p:calendar>
         <p:inputTextarea style="margin-left: 0%" value="#{beancontroler_.vi_observaciones}" cols="50" rows="3"/><br/><br/>
         
         <h:outputText  value="Estilista"/>
         <p:selectOneMenu id="esti" value="#{beancontroler_.selectedestilista}" style="margin-left: 6%;width: 200px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar Estilista]" itemValue="0"/>
                <f:selectItems value="#{beancontroler_.estilistaagenda}"/>
                <p:ajax update="esti"  listener="#{beancontroler_.citasdeestilistavvalidaciones()}" />  
             </p:selectOneMenu>
         
       <br/><br/><br/>
         <p:commandButton value="Guardar Cita"  icon="ui-icon-plusthick " action="#{beancontroler_.guardarcitaclientes()}"/>
         
         <p:commandButton value="Cancelar"  action="#{beancontroler_.cancelcita()}"  ajax="false" icon="ui-icon-cancel" style="margin-left: 1%"/>
         
         <p:commandButton value="Eliminar"  action="#{beancontroler_.eliminarcitaclientes()}"  ajax="false"  style="margin-left: 1%"/>
         
                          
        
         
         <br/><br/>
         
            </div> <!-- /col -->
    <div id="col-bottom"></div>             

    </h:body>
</html>
